<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>IE6,IE7圆角兼容解决方案</title>
        <style>
        #box_1 {
            border: #A2BFE0 solid 5px;
            width: 100%;
            height: 500px;
            border-radius: 10px;
            behavior: url(asserts/ie/ie-css3-enhance.htc);
            background: #fff;
            
        }

        #box_2 {
            border:#A2BFE0 solid 5px;
            width:100%;
            height:500px;
            border-radius:10px;
            behavior: url(asserts/ie/ie-css3-enhance.htc);
            background:#fff;
            box-shadow: 10px 10px 5px #888888;
        }

        #box_3 {
            border: #A2BFE0 solid 5px;
            width: 100%;
            height: 500px;
            border-radius: 10px;
            behavior: url(asserts/ie/ie-css3-enhance.htc);
            background: #fff;
            box-shadow: 10px 10px 5px #888888;
        }

        #box_3 h1 {
            text-shadow: 5px 5px 5px #FF0000;
            behavior: url(asserts/ie/ie-css3-enhance.htc);
        }

        p.test {
            width:11em; 
            border:1px solid #000000;
            word-wrap:break-word;
            behavior: url(asserts/ie/ie-css3-enhance.htc);
        }
        </style>
        <script src="http://cdn.bootcss.com/jquery/1.8.2/jquery.min.js"></script>
    </head>
    <body>
        <h2>border-radius</h2>
        <div id="box_1"></div>

        <h2>box-shadow</h2>
        <div id="box_2"></div>

        <h2>text-shadow 和 word-wrap</h2>
        <div id="box_3">
            <h1>文字效果</h1>
            <p class="test">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>
        </div>
        <script>
            // var el=document.getElementById('box');
            // el.innerHTML = '....';
            // if(window.update_css3_fix) update_css3_fix(el);
            (function()
            {
                if (!jQuery.browser.msie) return;
                jQuery.fn.__ohtml__ = jQuery.fn.html;
                jQuery.fn.html = function(value)
                {
                    jQuery(this).__ohtml__(value);
                    this.each(function()
                    {
                        update_css3_fix(this);
                    });
                    return this;
                };
            })();
            var $box=$("#box");
            $box.html('小狗钱钱，身体是革命的本钱');
        </script>
    </body>
</html>